{$header} 
<script type="text/javascript" language="javascript" src="{$url}js/jquery.table.js"></script>
<script type="text/javascript" language="javascript" src="{$url}js/jquery.dataTables.js"></script>
<link href="{$url}css/demo_table_jui.css" type="text/css" rel="stylesheet" />
<link href="{$url}css/jquery-ui-1.8.8.custom.css" type="text/css" rel="stylesheet" />
{$menu}
{literal}
<script language="javascript">
	function ToggleAllUsers(form, isChecked){
			for(i=0; i < form.length; i++) {
				if(form.elements[i].type == "checkbox"){
					if(isChecked){	form.elements[i].checked = true;}
					else { form.elements[i].checked = false;}					
				}
			}
		}
</script>
{/literal}
{$scripts}
 <div id="content">
    <div id="tab" class="radius-top">
    	Message List 
   <div class="clear"></div></div>
     {$form_open}   
     <div id="bnt-under">
     	<ul id="icon">
        	<li class="icon-delete left27"><input class="mws-button green" type="submit" value="Delete" onClick="return confirm('Are you sure delete items');" /></li>
            <li class="icon-add left27"><input class="mws-button green" type="button" value="Add" onClick="window.location='{$url}manage_message/message_add';"></li>
        </ul>
     </div>
     {$status}
    <table id="table1"  class="display">
      <thead>
        <tr>
          <th><input type="checkbox" onClick="ToggleAllUsers(this.form, this.checked)" /></th>
          <th>Title </th>
          <th>Customer</th>
           <th>Type</th>
          <th>Delete</th>
        </tr>
      </thead>
      <tbody>
      	<tr>
             <td colspan="5" class="dataTables_empty">Loading data from server</td>
         </tr>
      </tbody>
    </table>
    {$form_close}
  </div>
{$footer}